<div class="xy-m" >
    <img src="./images/photography11.jpg" class='img-responsive' alt="">
</div>

<div class=" xy-mm">
    <ul class="nav nav-tabs xy-m-m center-block " >
        <li class="active"><a href=""><span data-toggle="tab" href="#design"  >活动策划</span></a></li>
        <li><a href=""><span href="#network" data-toggle='tab'>网络营销</span></a></li>
        <li><a href=""><span href="#public" data-toggle='tab'>公关活动</span></a></li>
        <li><a href=""><span href="#idea" data-toggle='tab'>创意设计</span></a></li>
    </ul>
    <div class="tab-content text-center">
        <div class="tab-pane wow zoomIn active" id="design">
            <ul class="list-group xy-f">
                <li><a href=""><img class="thumbnail" src="./images/photography7.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography27.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography8.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography10.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography11.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography13.jpg" alt=""></a></li>
            </ul>
        </div>

        <div class="tab-pane wow zoomIn  " id="network">
            <ul class="list-group xy-f">
                <li><a href=""><img class="thumbnail" src="./images/photography14.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography15.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography12.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography17.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography18.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography19.jpg" alt=""></a></li>
            </ul>
        </div>

        <div class="tab-pane wow zoomIn  " id="public">
            <ul class="list-group xy-f">
                <li><a href=""><img class="thumbnail" src="./images/photography20.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography21.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography6.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography23.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography24.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography25.jpg" alt=""></a></li>
            </ul>
        </div>

        <div class="tab-pane wow zoomIn  " id="idea">
            <ul class="list-group xy-f">
                <li><a href=""><img class="thumbnail" src="./images/photography9.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography27.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/figure19.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography29.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography5.jpg" alt=""></a></li>
                <li ><a href=""><img class="thumbnail" src="./images/photography6.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
</div>






